<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>我的订单</title>
    <link rel="stylesheet" href="/store/css/myList.css"/>
    <script type="text/javascript" src="/store/js/jquery-1.12.1.min.js"></script>
  	<script type="text/javascript" src="/store/js/touch.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
</head>
<!-- A标签切换 -->
<script>
    $(function(){
    var title=$(".qbdd a");
    for(var i =0;i<title.length;i++){
     title[i].id=i;
        title[i].onmouseover=function(){
    for(var j =0;j<title.length;j++){
        title[j].className="";
    }
        this.className = "aclass";
    }
    }
        var user = JSON.parse(sessionStorage.getItem("user"));

        $.get("/shop/all/" + user.id, function (data) {
           console.log(data);
            $(".body").renderValues({list: data},{
                getStatus:function (item,value) {
                  if(value==1){
                      $(item).html("已支付").css("color","green");
                  }else if(value==0){
                      $(item).html("支付失败").css("color","red");
                  }
                },
                getHref:function (item,value) {
                    var href = $(item).data("href");
                    $(item).attr("href",href+value);
                }
           
           
            });
        })
});
</script>
<body>
<div class="body">
    <div class="tour">
        <a href="javascript:history.go(-1);" class="tour1"><img src="/store/img/back.png" alt="" style="height: 26px;width: 20px"></a>
        <p>我的订单</p>
    </div>
   <!-- <div class="qbdd">
        <ul>
            &lt;!&ndash;<li><a href="#" class="aclass">全部订单</a></li>&ndash;&gt;
            <li><a href="#"></a></li>
           &lt;!&ndash; <li><a href="#">待付款</a></li>
            <li><a href="#">待发货</a></li>
            <li><a href="#">待收货</a></li>
            <li><a href="#">退款</a></li>&ndash;&gt;
        </ul>
    </div>-->

    <!--<div class="ddbh">
        <ul>
            <li class="li1">订单编号：1234 1234 1234</li>
            <li class="li2"><a href="#"><button type="button">待付款</button></a></li>
        </ul>
        <div style="clear: both"></div>
    </div>-->
    <!--<div class="all" >-->
    <div class="zfdd">
       <ul render-loop="list">
            <ul>
                <li class="li3"><a data-href="spxq.html?articleId=" render-key="list.article.id" render-fun="getHref"><img render-src="list.article.picUrl" alt="" style="width: 60px;height: 60px"/></a></li><!--<br>-->
                <li class="li3"><span>数量×<i render-html="list.number">1</i></span><br/><span>商品名称:<i render-html="list.article.articleName"></i></span><br/><span>单价:￥<i render-html="list.article.price">100.00</i></span></br></li><br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: brown">总价格:<i render-html="list.totalCost">1</i></span><br><br><span>状态:<i class="state" render-fun="getStatus"  render-key="list.state"></i></span>
            </ul>
       </ul>
    <div style="clear: both"></div>
    </div>
   <!-- </div>-->
    <!--<div class="ddfk">
            <ul>
                <li class="li5">订单付款：￥18.00</li>
                <li class="li6"><a href="javascript:;"><button type="button">待付款</button></a></li>
                <li class="li6"><a href="javascript:;"><button type="button">取消</button></a></li>
            </ul>
        <div style="clear: both"></div>
    </div>-->
   <!-- <div class="zshlogo">
            <a href="javascript:;"><img src="img/u63.png" alt="宅生活" style="max-width: 60px"/></a>
            <p style="color: #b2b2b2">宅生活提供技术支持</p>
    </div>-->
    <div class="wx_nav" id="wx_nav">
        <a href="allGoods.html" class="nav_index" id="nav_index">商城</a>
    </div>
</div>
</body>
</html>